GitHub Pages Tutorial - How to Host Your Website on Github Pages for Free

Out of the box free and secure hosting solution

Along with all the other great and easy features from version 3.09 Mobirise comes out of the box with integrated free hosting solution to easily get your Mobirise website online or share your project with your friends or clients right away. This gets done with the newly integrated GitHub Pages publishing option. It allows you publishing your websites directly on GitHub Pages and benefit the free, fast and https hosting without any knowledge in setting up a hosting or FTP/Git connection. All you need to do is just initially take a few simple steps to create a free GitHub account in case you don’t already have one. Here is how:

Github Pages Tutorial

From the Publish dialog box in Mobirise select the GitHub Pages option and fill in your account name and the name of the folder you want the site to be uploaded to. In case you still don’t have an account you’ll first need to create one using the link provided under the GitHub Account and Folder fields. Clicking on it leads you directly to the GitHub page with a simple form to fill your details in.

github pages https

Take note that the domain (the internet address) of your GitHub uploaded pages will look like this:

your-username.github.io/folder/

so pick up and appropriate one.

After filling up your username email and password you should click on Sign up for GitHub button which will take you to the next screen where you are asked if you want your content public which is entirely free or limit the access to it for a certain fee.

github pages examples

Choose the option you find more appropriate but having in consideration that generally the web sites are meant to be publicly accessed so the free option might be the better pick. Click Continue when ready

how to use github pages

You can choose to take a minute and fill in the survey on the next screen or skip it if you like to – the choice is up to you.

setup github pages

On the next screen make sure you’ve checked you email and confirmed your email address from the link in the confirmation email you should have meanwhile received from GitHub. It’s required in order the system to allow you continuing further. Clicking on the confirmation link will take you back to your dashboard.

That’s it – you’re done!

Now all you need to do is go back and publish your site to the root or to a folder of your GitHub Pages account. This gets done the following way:

github pages hosting

In the Mobirise Builder Publish dialog box select the GitHub Pages option and fill in your GitHub username and the name of the folder you want your site to be published into – it gets automatically created by the Mobirise Builder for you.

https://username.github.io/folder/

You can leave the folder field blank - in this case your site will be uploaded to the root of your domain:

https://username.github.io/
how to create github pages

The first time you use this option for a certain GitHub user name you’ll be asked for your GitHub password to authorize you to the server – this is done only once and you won’t be asked the next time you select uploading to the same GitHub account.

create github pages
github pages personal website

After a few seconds of generating and uploading your project you’ll get a message stating it’s needed up to five minutes in order the changes you’ve applied to take effect but usually this gets done right away. Click the Open button to view your site online – as easy as publishing your Mobirise Projects to your local hard drive.

github pages html

You can always keep track of the folders you’ve created with Mobirise Builder form your GitHub dashboard and clear out some of them if you need to.

github pages help

That’s really it! Enjoy your new Mobirise Builder feature!

Free Download

Mobirise is free for both personal and commercial use. You can download and use Mobirise for your own or client's websites without restrictions.

For Windows (XP+) For MAC (OS X 10.7+)